<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <div id="centerUnderwear">
        <homeSlidesShow />
        <div class="upper">
            <div id="jiaoXueDongTai">
                <div class="blockTitleFrame">
                    <img src="../assets/images/jiaoXueDongTai.png" alt="jiaoXueDongTai">
                    <div class="blockTitle">教学动态</div>
                    <button><router-link to="/dynamicState" target="_blank">更多>></router-link></button>
                </div>
                <div>
                    <div>
                        <homeSmallSlidesShow />
                        <HomeDetail />
                    </div>
                    <div class="aboutCoat">
                        <div id="about1">
                            <homeAbout1 />
                        </div>
                        <div id="about2">
                            <homeAbout2 />
                        </div>
                    </div>
                </div>
            </div>
            <div id="xueGongDongTai">
                <div class="blockTitleFrame">
                    <img src="../assets/images/xueGongDongTai.png" alt="xueGongDongTai">
                    <div class="blockTitle">学工动态</div>
                    <button>更多>></button>
                </div>
                <div id='liCoat'>
                    <homeUpperUl />
                </div>
            </div>
        </div>
        <div class="middle">
            <div id="tongZhiGongGao">
                <div class="blockTitleFrame">
                    <img src="../assets/images/tongZhiGongGao.png" alt="xueGongDongTai">
                    <div class="blockTitle">通知公告</div>
                    <button>更多>></button>
                </div>
                <div class="tongZhiUl">
                    <homeTongZhiUl />
                </div>
            </div>
            <div id="dangTuanJianShe">
                <div class="blockTitleFrame">
                    <img src="../assets/images/dangTuanJianShe.png" alt="xueGongDongTai">
                    <div class="blockTitle">党团建设</div>
                    <button>更多>></button>
                </div>
                <div>
                    <div class="dangTuanImg">
                        <img src="../assets/images/shiShengFengCai01.png" alt="dangTuanImg">
                    </div>
                    <div class="dangTuanUl">
                        <dangTuanUl />
                    </div>
                </div>
            </div>
            <div id="zhengCeFaGui">
                <div class="blockTitleFrame">
                    <img src="../assets/images/zhengCeFaGui.png" alt="xueGongDongTai">
                    <div class="blockTitle">政策法规</div>
                    <button>更多>></button>
                </div>
                <div>
                    <div class="zhengCeUl">
                        <homeZhengCeUl />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="lower">
        <div id="lowerTitle">
            <img src="../assets/images/shiShengFengCai.png" alt="shiShengFengCai">
            <div>师生风采</div>
        </div>
        <div class="lowerContent">
            <homeLower />
        </div>
    </div>
</template>

<script setup>
import dangTuanUl from "./home/dangTuanUl.vue"
import HomeDetail from "./home/homeDetail.vue"
import homeLower from "./home/homeLower.vue"
import homeTongZhiUl from "./home/homeTongZhiUl.vue"
import homeUpperUl from "./home/homeUpperUl.vue"
import homeZhengCeUl from "./home/homeZhengCeUl.vue"
import homeAbout1 from "./home/homeAbout1.vue"
import homeAbout2 from "./home/homeAbout2.vue"
import homeSmallSlidesShow from "./home/homeSmallSlidesShow.vue"
import homeSlidesShow from "./home/homeSlidesShow.vue"
</script>